<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="core" %>
<%@ taglib prefix="fmt" uri="fmt" %>
<%@ taglib prefix="fn" uri="fn" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html lang="en">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>首页</title>
		<!-- CSS -->
  		<link rel="shortcut icon" href="<%=path%>/favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" type="text/css" href="<%=path%>/page/front/come/css2/default.css" />
		<link rel="stylesheet" type="text/css" href="<%=path%>/page/front/come/css2/component.css" />
		<link rel="stylesheet" type="text/css" href="<%=path%>/page/front/come/css/normalize.css" />
        <script type="text/javascript" src="<%=path%>/page/front/login/js/jquery-1.8.3.min.js"></script>
        <script src="<%=path%>/page/front/login/assets/js/jquery-1.8.2.min.js"></script>
		<link rel="stylesheet" type="text/css" href="<%=path%>/page/front/come/css/icons.css" />
		<link rel="stylesheet" type="text/css" href="<%=path%>/page/front/come/css/style3.css" />
		<script src="<%=path%>/page/front/come/js/vendor/jquery.1.7.2.min.js"></script>	
		<script src="<%=path%>/page/front/come/js/modernizr.custom.js"></script>
		<link rel="stylesheet" type="text/css" href="<%=path%>/page/front/come/css/component.css" />

		<!-- 分页效果 -->
		<link href="<%=path%>/page/front/come/css/font-awesome.css" rel="stylesheet" />

		<!-- css -->
		<link rel="stylesheet" href="<%=path%>/page/front/come/css/styles.css" />
		<link href="<%=path%>/page/front/come/img/common/favicon.png" rel="shortcut icon" />
		<!--[if lt IE 8]>
		<link rel="stylesheet" href="<%=path%>/page/front/come/css/styles.ie7.css" />
		<![endif]-->
		<!--必要样式-->
		<link href="<%=path%>/page/front/come/css/jpage.css" rel="stylesheet" type="text/css" />
		<!-- 分页效果end -->
		<script src="<%=path%>/page/front/come/js/modernizr.custom.js"></script>
		<!-- 分页效果 -->
		<!-- jpage -->
		<script>
			/* $("#articlepage").click(function(){
				alert("!:");
				var link="../article/moreinfo.html?p=3";	
			})
			$("#changetest").click(function(){
				alert("!2");
				var link="../yun/moreinfo.html?p=3";	
			}) */
			var link="../article/moreinfo.html?p=3";
		</script>
		<script type="text/javascript" src="<%=path%>/page/front/come/js/jpage.min.js">
			
		</script>
		<!-- 分页效果end -->	
		<!-- 知识库 -->
		<link href="<%=path%>/page/front/come/css/index.css" rel="stylesheet" type="text/css" />
		<style type="text/css">
			.ztf{
				height: 40%;
				width: 95%;
				/*background: red;*/
				margin:20% auto;
				text-align: center;
				color:white;
			}
			.tianjia {
				height: 30px;
				width: 30px;
				/*background:;*/
				margin:0px 0px;
				font-size: 14px;
				float: right;
				color: white;
				text-align: center;
			}
		</style>
		<!-- 知识库end -->
		<style type="text/css">
		          
		    * {
		       box-sizing: border-box;
		       -moz-box-sizing: border-box;
		    }

		    html, body {
		       margin: 0;
		       padding: 0;
		       height: 100%;
		       width: 100%;
		       background-image:url(<%=path%>/page/front/come/images/3.jpg) ; 
		       background-attachment: fixed;
		    }         
		          
		    #fixedNavBar > ul{
		     	list-style: none;
		        text-decoration: none;
			}

			.main2{
				height:88%;
				width:70%;
				margin:4% 15%;
				position:absolute;
			}
			.main1{
				height:85%;
				width:70%;
				margin:0% 15%;
				position:absolute;
			}
			.zhanghu{
				position:absolute;
				height:40%;
				width: 15%;
				margin-top: 5%;		
				z-index: 1000;
				
			}
			.background{
				height:100%;
				width:100%;
				padding:1px;
				border-radius: 20px; 
				background-image: url(../page/front/come/touming.png);
			}
			.biaoti{
				color: #4095D6;
			}	
			.personal{
				height:95%;
				width: 95%;
				/*background: red;*/
				margin:2% auto;
			}
			.touxiang{
				height:150px;
				width: 150px;
				/*background: green;*/
				margin:0 auto;
			}
			.jianjie{
				height:10%;
				width: 85%;
				margin: 0 auto;
			}
			
			.neirong{
				height:63%;
				width: 85%;
				margin: 0 auto;
				/*background: orange;*/
			}
			.neirong-left{
				height:100%;
				width: 100%;
				/*background: blue;*/
				margin:0 auto;
				float: left;
			}
			.neirong-left-information{
				height:15%;
				width: 85%;
				/*background: red;*/
				margin: 3% auto;
				line-height: 70px;
				border-bottom: 2px solid #fff;
				color: #fff;
				font-size: 20px;
			}
			.shipin{
				height:80%;
				width: 95%;
				margin: 5% auto 0 auto ;
				padding:1px;
				/*background: red;*/
			}
			.shipin-page{
				height:10%;
				width: 30%;
				float: right;
				/*background: red;*/
				font-size: 16px;
			}
			#fixedNavBar{
	           position: fixed;
	           width: 100%;
	           height:60px;
	           padding: 0.8% 0;           
	           top: 0;
	           z-index: 1000;
	           background: #E3F8FF !important; /*背景颜色*/
	           filter:alpha(Opacity=60);
	           -moz-opacity:0.6;
	           opacity: 0.6;
			}
			.personal-information{
				height:65%;
				width:85%;
				margin: 3% auto 0;
				/*background: red;*/
				padding:1px;
			}
			.personal-information-neirong{
				height:15%;
				width: 85%;
				/*background: yellow;*/	
				margin:2% auto;
				font-size: 18px;	
				line-height: 2em;
			}
		</style>

		<style>	
			.PopupLayer{width:600px;height:400px;padding:10px;position:fixed;left:50%;margin-left:-300px;background:#fff;background-clip:padding-box;border-radius:10px;border:10px solid #666;border:15px solid rgba(0,0,0,0.2);}
			.PopupLayer a.close{display:block;width:30px;height:30px;float:right;background:url(../page/front/come/images/close.jpg) no-repeat;overflow:hidden;}
			.PopupLayer a.close:hover{background-position:-30px;}
			.PopupLayer p{font:13px "宋体";line-height:30px;letter-spacing:0.1em;margin-top:35px;}
			.PopupLayer p span{color:#7d7d7d;}
			.PopupLayer ul{list-style:none;width:475px;height:103px;margin:30px auto 0;border:1px dashed #e4e4e4;overflow:hidden;}
			.PopupLayer ul li{float:left;width:95px;height:103px;overflow:hidden;}
			.PopupLayer ul li a{display:block;}
			.PopupLayer a.btn{display:block;width:100px;height:38px;line-height:38px;text-align:center;color:#fff;font-weight:bold;letter-spacing:0.1em;float:right;background:url(../page/front/come/images/btn_bg.jpg) repeat-x;border-radius:8px;margin:40px 30px 0 0;}
			
			.btn_content{ margin:50px auto;top:327px;width:204px;height:25px;}
			.btn_content button{width:100px;height:25px;line-height:25px;background:#F60;border:1px solid #989898;margin-right:2px;}
			.btn_content button:hover{color:#fff;}
		</style>
		<!-- 视频 -->
	      	<style type="text/css">
				.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
				.clearfix{display:inline-table;}/* Hides from IE-mac \*/
				*html .clearfix{height:1%;}
				.clearfix{display:block;}/* End hide from IE-mac */
				*+html .clearfix{min-height:1%;}
				/* section */
				.section{width:100%;height:100%;margin:;overflow:hidden;/*background: blue;*/}
				.section ul{width:100%;}
				.section ul li{float:left;margin-right:10px;margin-bottom:0px;display:inline;width:23.5%;height:100%;overflow:hidden;position:relative;margin-top: 10px;}
				.section ul li .photo{width:100%;height:100%;overflow:hidden;display: block;}
				.section .rsp{width:100%;height:100%;overflow:hidden;position: absolute;background:#4095D6;top:0px;left:0px;}
				.section .text{position:absolute;width:100%;height:100%;left:-100%;top:0px;overflow:hidden;}
				.section .text h3{width:100%;margin-top:20%;height:50px;line-height:50px;text-align:center;color:#FFFFFF;font-size:14px;}
				.section .text a{text-decoration:none}
				.section .text div{text-align:center;color:#FFFFFF;font-size:18px;}
			</style>
		<!-- 视频end -->
		<link href="<%=path%>/page/front/come/css/combinedCSS.css" rel="stylesheet">

		<!-- 收藏弹出 -->
			<script src="<%=path%>/page/front/come/js2/modernizr.custom.js"></script>
			<style type="text/css">
				body{
					margin: 0;
					padding:0;
				}
				.sousuo-wenzhang{
		            height:100px;
		            width: 100%;
		            /*background: red;*/
		            margin: 20px auto;
		            border-left: 5px solid #1F47AD;
		        }
		       
		        .wenzhang-xinxi{
		            height:100%;
		            width: 60%;
		            /*background: green;*/
		            float: left;
		        }
		        .wenzhang-biaoti
		        {
		            height:60%;
		            width: 100%;
		            /*background: #fff;*/
		            font-size: 30px;
		        }
		        .wenzhang-author{
		            height:100%;
		            width: auto;
		            /*background: red;*/
		            float: left;
		            color: #777;
		            font-size:16px;
		        }
		        .wenzhang-time{
		            height:100%;
		            width:45%;
		            /*background: red;*/
		            margin-left: 2px;
		            float: left;
		            color: #777;
		            font-size:16px;
		        }
		        .wenzhang-zhongjian{
		            height:100%;
		            width: 20%;
		            /*background:blue;*/
		            float: left;
		            margin-left: 2px;
		            color: #777;
		            font-size:16px;
		            text-align: center;
		        }

		        .wenzhang-formation{
		            height:30%;
		            width: 100%;
		            margin-top: 5px;
		            margin-left: 10px;
		            /*background: #ddd;*/

		        }
		        .sousuo-yonghu {
		            height:100px;
		            width: 46%;
		            /*background: red;*/
		            margin: 30px 2%;
		            float: left;
		            border-left: 2px solid #1F47AD;
		        }
		        .yonghu-xinxi{
		            height:100%;
		            width: 60%;
		            /*background: green;*/
		            float: left;
		        }
		        .yonghu-formation{
		            height:98%;
		            width: 90%;
		            /*background: #ddd;*/
		            padding:1px;
		            margin-left: 10px;
		        }
		        .yonghu-zhongjian{
		            height:100%;
		            width: 20%;
		            /*background:blue;*/
		            float: left;
		            margin-left: 2px;
		            color: #777;
		            font-size:16px;
		            text-align: center;
		        }
		        .yonghu-name{
		            height:35%;
		            width: 100%;
		            margin-top: 2px;
		            font-size: 22px;
		            /*background: orange;*/
		        }
		        .yonghu-age{
		            height:20%;
		            width: 100%;
		            /*background: red;*/
		            font-size: 16px;
		            margin-top: 2px;
		            color: #777;
		        }

		        .yonghu-email{
		            height:30%;
		            width: 100%;
		            margin-top: 2px;
		            font-size: 16px;
		            /*background: orange;*/
		            color: #777;
		        }
			</style>
		<!-- 收藏弹出层end -->

		<!-- 文件上传css样式 -->
			<style>.uploader{
	                position:relative;
	                display:inline-block;
	                overflow:hidden;
	                cursor:default;
	                padding:0;
	                margin-top: 10%;
	                margin-left: 13%;
	                -moz-box-shadow:0px 0px 5px #ddd;
	                -webkit-box-shadow:0px 0px 5px #ddd;
	                box-shadow:0px 0px 5px #ddd;
	                height: 52px;
	                width: 400px;
	                -moz-border-radius:5px;
	                -webkit-border-radius:5px;
	                border-radius:5px;
                }
                .uploader2{
	                position:relative;
	                display:inline-block;
	                padding:0;
	                margin: 5% 13%;
	                -moz-box-shadow:0px 0px 5px #ddd;
	                -webkit-box-shadow:0px 0px 5px #ddd;
	                box-shadow:0px 0px 5px #ddd;
	                height: 32px;
	                width: 360px;
	                -moz-border-radius:5px;
	                -webkit-border-radius:5px;
	                border-radius:5px;
                }
                #shangchuan-lan{
	                float:left;
	                display:inline-block;
	                outline:0 none;
	                height:52px;
	                width:300px;
	                margin:0;
	                overflow:hidden;
	                cursor:default;
	                border:1px solid;
	                border-right:0;
	                font:9pt/100% Arial, Helvetica, sans-serif; color:#777;
	                text-shadow:1px 1px 0px #fff;
	                text-overflow:ellipsis;
	                white-space:nowrap;

	                -moz-border-radius:5px 0px 0px 5px;
	                -webkit-border-radius:5px 0px 0px 5px;
	                border-radius:5px 0px 0px 5px;

	                background:#f5f5f5;
	                background:-moz-linear-gradient(top, #fafafa 0%, #eee 100%);
	                background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#f5f5f5));
	                filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f5f5f5',GradientType=0);
	                border-color:#ccc;

	                -moz-box-shadow:0px 0px 1px #fff inset;
	                -webkit-box-shadow:0px 0px 1px #fff inset;
	                box-shadow:0px 0px 1px #fff inset;

	                -moz-box-sizing:border-box;
	                -webkit-box-sizing:border-box;
	                box-sizing:border-box;
                }
                #filename2{
	                float:right;
	                height:32px;
	                width:300px;
	                
	                border:1px solid;
	                border-right:0;
	                font:9pt/100% Arial, Helvetica, sans-serif; color:#777;
	                text-shadow:1px 1px 0px #fff;
	                -moz-border-radius:5px 0px 0px 5px;
	                -webkit-border-radius:5px 0px 0px 5px;
	                border-radius:5px 5px 5px 5px;

	                background:#f5f5f5;
	                background:-moz-linear-gradient(top, #fafafa 0%, #eee 100%);
	                background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#f5f5f5));
	                filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f5f5f5',GradientType=0);
	                border-color:#ccc;

	                -moz-box-shadow:0px 0px 1px #fff inset;
	                -webkit-box-shadow:0px 0px 1px #fff inset;
	                box-shadow:0px 0px 1px #fff inset;

	                -moz-box-sizing:border-box;
	                -webkit-box-sizing:border-box;
	                box-sizing:border-box;
                }
                .button{
	                float:left;
	                height:52px;
	                width:100px;
	                display:inline-block;
	                outline:0 none;
	                padding:8px 12px;
	                margin:0;
	                cursor:pointer;
	                border:1px solid;
	                font:bold 9pt/100% Arial, Helvetica, sans-serif;

	                -moz-border-radius:0px 5px 5px 0px;
	                -webkit-border-radius:0px 5px 5px 0px;
	                border-radius:0px 5px 5px 0px;

	                -moz-box-shadow:0px 0px 1px #fff inset;
	                -webkit-box-shadow:0px 0px 1px #fff inset;
	                box-shadow:0px 0px 1px #fff inset;
                }
				.uploader input[type=file]{
				position:absolute;
				top:0; right:0; bottom:0;
				border:0;
				padding:0; margin:0;
				height:30px;
				cursor:pointer;
				filter:alpha(opacity=0);
				-moz-opacity:0;
				-khtml-opacity: 0;
				opacity:0;
				background: blue;
				}

				input[type=button]::-moz-focus-inner{padding:0; border:0 none; -moz-box-sizing:content-box;}
				input[type=button]::-webkit-focus-inner{padding:0; border:0 none; -webkit-box-sizing:content-box;}
				input[type=text]::-moz-focus-inner{padding:0; border:0 none; -moz-box-sizing:content-box;}
				input[type=text]::-webkit-focus-inner{padding:0; border:0 none; -webkit-box-sizing:content-box;}
				/* Blue Color Scheme ------------------------ */

				.blue .button{
				color:#fff;
				text-shadow:1px 1px 0px #4095D6;
				background:#4095D6;
				background:-moz-linear-gradient(top, #3b75b4 0%, #064884 100%);
				background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b75b4), color-stop(100%,#064884));
				filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b75b4', endColorstr='#064884',GradientType=0);
				border-color:#4095D6;
				}

				.blue:hover .button{
				background:#1F47AD;
				background:-moz-linear-gradient(top, #064884 0%, #3b75b4 100%);
				background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#064884), color-stop(100%,#1F47AD));
				filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#064884', endColorstr='#3b75b4',GradientType=0);
				}
				</style>
		<!-- 文件上传css样式end -->
		
		<style type="text/css">
			 @font-face {
			  font-family: 'Quicksand';
			  font-style: normal;
			  font-weight: 300;
			  src: local('Quicksand Light'), local('Quicksand-Light'), url(../page/front/index/qhfoJiLu10kFjChCCTvGlHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
			}
			@font-face {
			  font-family: 'Quicksand';
			  font-style: normal;
			  font-weight: 400;
			  src: local('Quicksand Regular'), local('Quicksand-Regular'), url(../page/front/index/sKd0EMYPAh5PYCRKSryvWz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
			}
			{"e":{"desc":"the parameter log is required!","provider":"logsys","code":-2},"data":"","cost":0}
			#geng4{
				width:50px;
				height:20px;
				position:absolute;
				right:-60px;
				color:#fff;
			}
			#geng4 a{
				color:#fff;
			}
			#geng4 a:hover{
				color:#c55000;
			}
			#themes{
			 	margin-top:35px;
			 	height:130px;
			 	float:left; 
			}
			.thth{
				width:16%;
				height:110px;
				float:left;
			}
			#themes img{
				width:80px;
				height:80px; 
                -webkit-border-radius:80px;
                -moz-border-radius:80px;
                border-radius:80px;
				margin-left:20px;
			}
			.thename{
				width:120px;
				height:25px;
				text-align:center;
				margin-top:5px;
				color:#fff;
			}
			#xianxiajiaol{
				width:110px;
				height:20px;
				position:absolute;
				top:-25px;
				left:-20px;
				color:#c55000;
			}
			#zhutiqu{
				width:80px;
				height:20px;
				position:absolute;
				top:-25px;
				left:-20px;
				color:#c55000;
			}
			#geng5{
				width:50px;
				height:20px;
				position:absolute;
				right:-60px;
				top:-5px;
				color:#fff;
			}
			#geng5 a{
				color:#fff;
			}
			#geng5 a:hover{
				color:#c55000;
			}
		</style>
</head>

<body>
<div id="fadeBlack">
</div>
<!-- Wrap all page content here -->
<!-- 顶部栏 -->
	<div id="fixedNavBar" style="border-bottom: 0 solid #3B434B;">
		<ul id="demoUl">
			<li><a id="demo1Btn" href="#demo1" class="demoBtn">主题</a></li>
			<li><a id="demo2Btn" href="#demo2" class="demoBtn">视频</a></li>
			<li><a id="demo3Btn" href="#demo3" class="demoBtn">前人之荐</a></li>
			<li><a id="demo4Btn" href="#demo4" class="demoBtn">三人行</a></li>
			<li><a id="demo5Btn" href="#demo5" class="demoBtn">文件库</a></li>
			<li style="clear: both;"></li>
		</ul>
	</div>
<!-- 顶部栏end -->

<!-- 回到顶部 -->
	<span data-toggle="tooltip" data-placement="top" title="Going Up?" id="demoTop">
	<a href="#" style="display: block;padding:5px;">Δ</a></span>
<!-- 回到顶部end -->

<!-- 账户信息 -->
	<c:if test="${check==1}">
		<div  class="zhanghu">
			<div style="margin-left:2%;">
				 <nav class="dr-menu">
					<div class="dr-trigger"><span class="dr-icon dr-icon-menu"></span><a class="dr-label">帐户</a></div>
					<ul>
						<li><a class="dr-icon dr-icon-user" href="../usr/${use.uId}.html">${use.uName}</a></li>
						<li><a class="dr-icon dr-icon-camera" href="../youku/morevedio.html">视频</a></li>
						<li><a class="dr-icon dr-icon-heart" href="../coll/list.html">收藏夹</a></li>
						<li><a class="dr-icon dr-icon-bullhorn" href="../fdis/taol.html">讨论版</a></li>
						<li><a class="dr-icon dr-icon-download" href="../them/index.html">主题区</a></li>
						<li><a class="dr-icon dr-icon-switch" href="../login/out.html">退出</a></li>
					</ul>
				</nav>
			</div>	
		</div>
	</c:if>
<!-- 账户信息end -->

<div id="fullSectionWrap">

	<!-- 第一个页面 -->
		<div id="demo1" class="fullSection">		
			<div class="main2">
				<div class="background">	
					<div id="content">			
					<ul class="zhishiku-ul">
						<li class="zhishiku-li">
							<img class="captall-fadeOutAfter" src="<%=path%>/page/front/come/images/jiaoyu.jpg" alt="<div class='tianjia'></div><div class='ztf'><a href='../bankuai/thembankuai.html' style='color:white;' target= _blank>教育</a></div>" width="100%" height="100%"/>
						</li>
						<li class="zhishiku-li">
							<img class="captall-fadeOutAfter" src="<%=path%>/page/front/come/images/jinrong.jpg" alt="<div class='tianjia'></div><div class='ztf'><a href='../bankuai/jinrong.html' style='color:white;' target= _blank>金融</a></div>" width="100%" height="100%"/>
						</li>
						<li class="zhishiku-li">
							<img class="captall-fadeOutAfter" src="<%=path%>/page/front/come/images/xinxijishu.jpg" alt="<div class='tianjia'></div><div class='ztf'><a href='../bankuai/xinxijishu.html' style='color:white;' target= _blank>信息技术</a></div>" width="100%" height="100%"/>
						</li>
						<li class="zhishiku-li">
							<img class="captall-fadeOutAfter" src="<%=path%>/page/front/come/images/wenxue.jpg" alt="<div class='tianjia'></div><div class='ztf'><a href='../bankuai/wenxue.html' style='color:white;' target= _blank>文学</a></div>" width="100%" height="100%"/>
						</li>
						<li class="zhishiku-li">
							<img class="captall-fadeOutAfter" src="<%=path%>/page/front/come/images/lishi.jpg" alt="<div class='tianjia'></div><div class='ztf'><a href='../bankuai/lishi.html' style='color:white;' target= _blank>历史</a></div>" width="100%" height="100%"/>
						</li>
						<li class="zhishiku-li">
							<img class="captall-fadeOutAfter" src="<%=path%>/page/front/come/images/zhengzhi.jpg" alt="<div class='tianjia'></div><div class='ztf'><a href='../bankuai/zhengzhi.html' style='color:white;' target= _blank>政治</a></div>" width="100%" height="100%"/>
						</li>
						<li class="zhishiku-li">
							<img class="captall-fadeOutAfter" src="<%=path%>/page/front/come/images/zhexue.jpg" alt="<div class='tianjia'></div><div class='ztf'><a href='../bankuai/zhexue.html' style='color:white;' target= _blank>哲学与生活</a></div>" width="100%" height="100%"/>
						</li>
						<li class="zhishiku-li">
							<img class="captall-fadeOutAfter" src="<%=path%>/page/front/come/images/yixue.jpg" alt="<div class='tianjia'></div><div class='ztf'><a href='../bankuai/yixue.html' style='color:white;' target= _blank>医学</a></div>" width="100%" height="100%"/>
						</li>
						<li class="zhishiku-li">
							<img class="captall-fadeOutAfter" src="<%=path%>/page/front/come/images/meishi.jpg" alt="<div class='tianjia'></div><div class='ztf'><a href='../bankuai/meishi.html' style='color:white;' target= _blank>美食</a></div>" width="100%" height="100%"/>
						</li>
						<li class="zhishiku-li">
							<img class="captall-fadeOutAfter" src="<%=path%>/page/front/come/images/tianwen.jpg" alt="<div class='tianjia'></div><div class='ztf'><a href='../bankuai/tianwen.html' style='color:white;' target= _blank>天文</a></div>" width="100%" height="100%"/>
						</li>
						<li class="zhishiku-li">
							<img class="captall-fadeOutAfter" src="<%=path%>/page/front/come/images/yishu.jpg" alt="<div class='tianjia'></div><div class='ztf'><a href='../bankuai/yishu.html' style='color:white;' target= _blank>艺术</a></div>" width="100%" height="100%"/>
						</li>
						<li class="zhishiku-li">
							<img class="captall-fadeOutAfter" src="<%=path%>/page/front/come/images/qita.jpg" alt="<div class='tianjia'></div><div class='ztf'><a href='../bankuai/qita.html' style='color:white;' target= _blank>其他</a></div>" width="100%" height="100%"/>
						</li>
					</ul>
				</div>
				</div>
			</div>	
		</div>
	<!-- 第一个页面end -->

	<!-- 第二个页面 -->
		<div id="demo2" class="fullSection">		
			<div class="main1">
				<div class="background">	
					<div class="shipin">
						&nbsp;&nbsp;<a href="../youku/morevedio.html" target="_blank"><ul class="jpage-pagination"><li id="morevidio" style="margin-left:25px;" >更多</li></ul></a>
						<div class="section">
							<ul class="clearfix">
								<c:forEach items="${allvedio.list}" var="allvedio">
								
								<li>
									<div class="photo"><img src="<%=path%>/page/front/come/touxiang.jpg" width=" 100%" height="100%" class="thumbnailphoto"/></div>
									<div class="rsp"></div>
									<div class="text"><a  onclick="openit('${allvedio.inLocalhost}')" class="open" style="cursor:pointer;"><h3>${allvedio.inTitle }</h3></a></div>
									<input type="hidden" class="thumbnail" value="${allvedio.inLocalhost}" >
								</li>
								</c:forEach>

							</ul>
							
							<div class="clear">
								
							</div>
							<input type="hidden" id="vedioId">
						</div>
					</div>
					
				</div>
			</div>	
		</div>
	<!-- 第二个页面end -->

	<!-- 第三个页面 -->
		<div id="demo3" class="fullSection">		
			<div class="main1">
				<div class="background">	
					<div class="center">
						<div id="page-content" class="box">
							<!-- jPage DEMO -->
							<div id="jpage" class="jpage box">
								
								<!-- pagination panel -->
								<div class="box jpage-panel" data-type="panel"></div><!-- 页码 -->
								
								<div class="list box text-shadow" data-type="content" id="articlepage">	<!-- 窗体 -->				
										
										<c:forEach items="${allart.list}" var="allart">
										<div class="list-item box">					
											<!-- img -->
											<div class="img left">
												<img src="<%=path%>/page/front/come/img/thumbs/book-1.jpg" alt="" title=""/>
											</div>
											
											<!-- data -->
											<div class="block right">
												<p class="date"><fmt:formatDate value="${allart.inTime}" pattern="yyyy-MM-dd" /></p>
												<a href="../article/info.html?inId=${allart.inId }" title="${allart.inTitle}" target="_Blank"><p class="title">${allart.inTitle}</p></a>
												<p class="desc">
													<c:out value="${fn:substring(allart.inContent,0,40)}"/>
           											<c:if test="${fn:length(allart.inContent)>40}">...</c:if>
           										</p>
												<p class="like">${allart.inBrowse} Likes</p>
											</div>
										</div>
										</c:forEach>
										<!-- item 1 -->
										<%-- <c:forEach items="${allfile.list}" var="allfile">			
										<div class="list-item box">	
											<!-- img -->
											<div class="img left">
												<img src="<%=path%>/page/front/come/img/thumbs/arch-2.jpg" alt="" title=""/>
											</div>
											
											<!-- data -->
											<div class="block right">
												<p class="date"><fmt:formatDate value="${allfile.inTime}" pattern="yyyy-MM-dd" />	</p>
												<p class="title">
												<c:if test="${check==1}">
													<a href="../yun/download.html?inId=${allfile.inId }" title="${allfile.inTitle}">${allfile.inTitle}</a>
												</c:if>
												<c:if test="${check==0}">
													${allfile.inTitle}
												</c:if>
												</p>
												<p class="desc">${allfile.inContent}</p>
												<p class="like">${allfile.inBrowse} Likes</p>
											</div>
										</div>	
											</c:forEach> --%>
								</div>
							</div>
							<!-- end of jPage DEMO -->
						</div>
					</div>
				</div>
			</div>	
		</div>
	<!-- 第三个页面end -->
	

	<!-- 第四个页面 -->
		<div id="demo4" class="fullSection">		
			<div class="main1">
				<div class="background">	
					<div class="center">
						<div id="page-content" class="box">
						<!-- jPage DEMO -->
							<div id="jpage3" class="jpage box">	
								<!-- pagination panel -->
									<div class="list box text-shadow" data-type="content" style="margin-top:20px;">
									<div id="xianxiajiaol">线下交流</div>	<div id="geng4"><a href="../yk/xli.html">更多</a></div>
										<!-- item 1 -->
										<c:forEach items="${xian.list}" var="one">
										<div class="list-item box" style="margin-top:5px;">	
											<div class="img left">
												<img src="<c:if test="${all.sc==0}">../page/upload/images/123456.jpg</c:if>
												<c:if test="${one.users.image.imLoclhost!=null}">../page/upload/images/${one.users.image.imLoclhost}</c:if>"  title="${one.users.uName}的头像"/>
											</div>
											<div class="block right">
												<p class="date"><fmt:formatDate value="${one.drTime}" pattern="yyyy-MM-dd HH:mm:ss"/></p>
												<p class="title"><a href="../usr/${one.users.uId}.html">${one.users.uName}</a></p>
												<p class="desc">${one.title}</p>
												<p class="date"><a href="../fdis/xian/${one.drId}.html">详情</a></p>
												<p class="like">已参加&nbsp;&nbsp;${one.answers}</p>
											</div>
										</div>
										</c:forEach><br/><br/>	
										<div class="list-item box" id="themes"><div id="zhutiqu">主题区</div>	
										<div id="geng5"><a href="../yk/thli.html">更多</a></div>
											<c:forEach items="${them.list}" var="the">
											<div class="thth">
												<a href="../yk/tho/${the.thId}.html"><img src="<c:if test="${the.user.image.imLoclhost==null}">../page/upload/images/123456.jpg</c:if>
												<c:if test="${the.user.image.imLoclhost!=null}">../page/upload/images/${the.user.image.imLoclhost}</c:if>
												"  title="${the.user.uName}的头像"/></a>
												<div class="thename"><a href="../yk/tho/${the.thId}.html"><span>${the.thName}</span></a></div>
											</div>
											</c:forEach>
										</div>					
									</div>
								<!-- end of jPage DEMO -->
							</div>
						</div>
					</div>
				</div>
			</div>	
		</div>
	<!-- 第四个页面end -->

	<!-- 第五的页面 -->
		<div id="demo5" class="fullSection">		
			<div class="main1">
				<div class="background">	
					<div class="center">
						<div id="page-content" class="box">
							<!-- jPage DEMO -->
							<div id="jpage2" class="jpage box">
								
								<!-- pagination panel -->
								<div class="box jpage-panel" data-type="panel" id="yunpage"></div><!-- 页码 -->
								
								<div class="list box text-shadow" data-type="content">	<!-- 窗体 -->				
										 <!-- item 1 -->
										<c:forEach items="${allfile.list}" var="allfile">			
										<div class="list-item box">	
											<!-- img -->
											<div class="img left">
												<img src="<%=path%>/page/front/come/img/thumbs/arch-2.jpg" alt="" title=""/>
											</div>
											
											<!-- data -->
											<div class="block right">
												<p class="date"><fmt:formatDate value="${allfile.inTime}" pattern="yyyy-MM-dd" />	</p>
												<p class="title">
												<c:if test="${check==1}">
													<a href="../yun/download.html?inId=${allfile.inId }" title="${allfile.inTitle}">${allfile.inTitle}</a>
												</c:if>
												<c:if test="${check==0}">
													${allfile.inTitle}
												</c:if>
												</p>
												<p class="desc">${allfile.inContent}</p>
												<p class="like">${allfile.inBrowse} Likes</p>
											</div>
										</div>	
											</c:forEach> 
								</div>
							</div>
							<!-- end of jPage DEMO -->
						</div>
					</div>
				</div>
			</div>	
		</div>
	<!-- 新加的页面end -->
	
	<!-- 下面隐藏栏 -->
	<c:if test="${check==1}">
		<nav id="bt-menu" class="bt-menu">
					<a href="#" class="bt-menu-trigger"><span>Menu</span></a>
					<ul>
						<li><a style="cursor:pointer;" class="md-trigger" data-modal="modal-3">上传文档</a></li>
						<li><a href="../youku/uploadvedio.html" target="_Blank">上传视频</a></li>
<<<<<<< HEAD
						<li><a href="sousuo.html"	>查找</a></li>
						<li><a href="bianji.html" >编辑</a></li>
						<li><a href="#" >我发表的</a></li>
						<li><a class="md-trigger" data-modal="modal-13" style="cursor:pointer;">个人信息</a></li>
=======
						<li><a href=""	>&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
						<li><a href="#" >&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
						<li><a href="../fdis/fabu.html" >创建讨论版</a></li>
						<li><a class="md-trigger" data-modal="modal-1" style="cursor:pointer;">个人信息</a></li>
>>>>>>> 3fbc6db84cc6dc121b3ebd2d0e0557996770a9d5
					</ul>
		</nav>
		</c:if>
	<!-- 下面隐藏栏end -->

		<!-- 视频弹出层 -->
	 <div class="PopupLayer">
        		 	<a class="close" onClick="pauseVideo()"></a>
                 	<iframe id="vedioPage" style="width:565px;height:330px;border:0px;" >
                 	</iframe>
		<input type="hidden" id="nowvId"></div>
 	<!-- 视频弹出层 end -->

	<!-- 收藏弹出层内容 -->
	<!-- 收藏的用户 -->
		<div class="md-modal md-effect-12" id="modal-13">
            <div class="md-content">
                <div class="sousuo-yonghu">
                       
                        <div class="yonghu-xinxi">
                            <div class="yonghu-formation">
                                <div class="yonghu-name">
                                    章天锋
                                </div>
                                <div class="yonghu-age">age:20</div>
                                <div class="yonghu-email">
                                    ztf1577833978@163.com
                                </div>
                            </div>
                        </div>

                         <img height="80" alt="" width="80" src="<%=path%>/page/front/come/touxiang.jpg" style="-webkit-border-radius:80px; -moz-border-radius:80px;border-radius:80px;float:right;"/>
                    </div>
                    <div class="sousuo-yonghu">
                       
                        <div class="yonghu-xinxi">
                            <div class="yonghu-formation">
                                <div class="yonghu-name">
                                    章天锋
                                </div>
                                <div class="yonghu-age">age:20</div>
                                <div class="yonghu-email">
                                    ztf1577833978@163.com
                                </div>
                            </div>
                        </div>

                         <img height="80" alt="" width="80" src="<%=path%>/page/front/come/touxiang.jpg" style="-webkit-border-radius:80px; -moz-border-radius:80px;border-radius:80px;float:right;"/>
                    </div>
                    <div class="sousuo-yonghu">
                       
                        <div class="yonghu-xinxi">
                            <div class="yonghu-formation">
                                <div class="yonghu-name">
                                    章天锋
                                </div>
                                <div class="yonghu-age">age:20</div>
                                <div class="yonghu-email">
                                    ztf1577833978@163.com
                                </div>
                            </div>
                        </div>

                         <img height="80" alt="" width="80" src="<%=path%>/page/front/come/touxiang.jpg" style="-webkit-border-radius:80px; -moz-border-radius:80px;border-radius:80px;float:right;"/>
                    </div>
                    <div class="sousuo-yonghu">
                       
                        <div class="yonghu-xinxi">
                            <div class="yonghu-formation">
                                <div class="yonghu-name">
                                    章天锋
                                </div>
                                <div class="yonghu-age">age:20</div>
                                <div class="yonghu-email">
                                    ztf1577833978@163.com
                                </div>
                            </div>
                        </div>

                         <img height="80" alt="" width="80" src="<%=path%>/page/front/come/touxiang.jpg" style="-webkit-border-radius:80px; -moz-border-radius:80px;border-radius:80px;float:right;"/>
                    </div>
                    <div class="sousuo-yonghu">
                       
                        <div class="yonghu-xinxi">
                            <div class="yonghu-formation">
                                <div class="yonghu-name">
                                    章天锋
                                </div>
                                <div class="yonghu-age">age:20</div>
                                <div class="yonghu-email">
                                    ztf1577833978@163.com
                                </div>
                            </div>
                        </div>

                         <img height="80" alt="" width="80" src="<%=path%>/page/front/come/touxiang.jpg" style="-webkit-border-radius:80px; -moz-border-radius:80px;border-radius:80px;float:right;"/>
                    </div>
                    <div class="sousuo-yonghu">
                       
                        <div class="yonghu-xinxi">
                            <div class="yonghu-formation">
                                <div class="yonghu-name">
                                    章天锋
                                </div>
                                <div class="yonghu-age">age:20</div>
                                <div class="yonghu-email">
                                    ztf1577833978@163.com
                                </div>
                            </div>
                        </div>

                         <img height="80" alt="" width="80" src="<%=path%>/page/front/come/touxiang.jpg" style="-webkit-border-radius:80px; -moz-border-radius:80px;border-radius:80px;float:right;"/>
                    </div>
                    <div class="sousuo-yonghu">
                       
                        <div class="yonghu-xinxi">
                            <div class="yonghu-formation">
                                <div class="yonghu-name">
                                    章天锋
                                </div>
                                <div class="yonghu-age">age:20</div>
                                <div class="yonghu-email">
                                    ztf1577833978@163.com
                                </div>
                            </div>
                        </div>

                         <img height="80" alt="" width="80" src="<%=path%>/page/front/come/touxiang.jpg" style="-webkit-border-radius:80px; -moz-border-radius:80px;border-radius:80px;float:right;"/>
                    </div>
                    <div class="sousuo-yonghu">
                       
                        <div class="yonghu-xinxi">
                            <div class="yonghu-formation">
                                <div class="yonghu-name">
                                    章天锋
                                </div>
                                <div class="yonghu-age">age:20</div>
                                <div class="yonghu-email">
                                    ztf1577833978@163.com
                                </div>
                            </div>
                        </div>

                         <img height="80" alt="" width="80" src="<%=path%>/page/front/come/touxiang.jpg" style="-webkit-border-radius:80px; -moz-border-radius:80px;border-radius:80px;float:right;"/>
                    </div>
                    
                   <button class="md-close">关闭</button> 
            </div>
        </div>
       <!-- 收藏的用户end -->

      

       <!-- 上传弹出层 -->
	        <div class="md-modal md-effect-3" id="modal-3" >
								<div class="md-content" style="height:400px;width:550px;">
									<h3>给我们一滴水，我们给你一片海</h3>
									        <form  action="../yun/doupload.html" method="post" enctype="multipart/form-data" id="fileForm">
									        <div class="uploader blue">
					                            <input type="text" id="shangchuan-lan" readonly="readonly"/>
					                            <input type="button"  class="button" value="Browse..."/>
					                            <input type="file" size="30" name="file"/>&nbsp;
					                            
					                        </div>
					                        <div class="uploader2">
					                        <span>简介</span><input type="text" id="inContent" name="inContent"/> <br/>
					                        </div>
					                        <button  type="submit" style="width:100px;height:40px;">上传</button>
					                        <br/>
										   <button class="md-close" style="width:100px;height:40px;">关闭</button>
										   </form>
									
								</div>
							</div>
		<!-- 上传弹出层end -->
	
		<!-- 个人信息 -->
			<div class="md-modal md-effect-3" id="modal-1" >
				<div class="md-content" style="height:400px;width:550px;">
					<h3>我的个人信息</h3>
					       <div class="personal-information">
					       	<div class="personal-information-neirong">账号：${use.uAccount}</div>
					       	<div class="personal-information-neirong">昵称：${use.uName} </div>
					       	<div class="personal-information-neirong">邮箱：${use.uEmail}</div>
					       	<div class="personal-information-neirong">phone：${use.uPhone}</div>	
					       	<div class="personal-information-neirong">生日：${use.uBirthday}</div>
					       </div>
						   <button class="md-close" style="width:100px;height:40px;">关闭</button>
					
				</div>
			</div>
		<!-- 个人信息end -->
		<!-- 收藏弹出层内容end -->
	
		<!-- 收藏弹出层 -->
		<div class="md-overlay"></div><!-- the overlay element -->
	
		<!-- classie.js by @desandro: https://github.com/desandro/classie -->
		
		<!-- 收藏弹出层end	 -->		 		
	</div>
</body>
<!-- JavaScript -->
<script src="<%=path%>/page/front/come/js2/classie.js"></script>
<script src="<%=path%>/page/front/come/js2/modalEffects.js"></script>

<!-- for the blur effect -->
<!-- by @derSchepp https://github.com/Schepp/CSS-Filters-Polyfill -->
<script>
							// this is important for IEs
							var polyfilter_scriptpath = '/js/';
</script>
<script type="text/javascript" src="/wkxx/page/front/come/js2/cssParser.js"></script>
<script type="text/javascript" src="/wkxx/page/front/come/js2/css-filters-polyfill.js"></script>
<script type="text/javascript" src="/wkxx/page/front/come/js/ytmenu.js"></script>
<script type="text/javascript" src="/wkxx/page/front/come/js/borderMenu.js"></script>
<script type="text/javascript" src="/wkxx/page/front/come/js/jquery-ui.min.js"></script>
<script type="text/javascript" src="/wkxx/page/front/come/js/scrolld.min.js"></script>
<script type="text/javascript">$("[id*='Btn']").stop(true).on('click', function (e) {e.preventDefault();$(this).scrolld();})</script>
<script type="text/javascript" src="/wkxx/page/front/come/js/deferDemo.js"></script>

<script type="text/javascript">
	$('document').ready(function(){
		$('#jpage').jpage({
			effect: 'random' //'', 'crossfade', 'bricks', 'slideLeft', 'slideRight', 'random'
		});
	});
	$('document').ready(function(){
		$('#jpage2').jpage({
			effect: 'random' //'', 'crossfade', 'bricks', 'slideLeft', 'slideRight', 'random'
		});
	});
	$('document').ready(function(){
		$('#jpage3').jpage({
			effect: 'random' //'', 'crossfade', 'bricks', 'slideLeft', 'slideRight', 'random'
		});
	});
</script>
<script type="text/javascript" >


	function ResizeImages()
	{
	   var myimg,oldwidth,oldheight;
	   var maxwidth=550;
	   var maxheight=880
	   var imgs = document.getElementsByTagName('img');  

	   for(i=0;i<imgs.length;i++){
	     myimg = imgs[i];

	     if(myimg.width > myimg.height)
	     {
	         if(myimg.width > maxwidth)
	         {
	            oldwidth = myimg.width;
	            myimg.height = myimg.height * (maxwidth/oldwidth);
	            myimg.width = maxwidth;
	         }
	     }else{
	         if(myimg.height > maxheight)
	         {
	            oldheight = myimg.height;
	            myimg.width = myimg.width * (maxheight/oldheight);
	            myimg.height = maxheight;
	         }
	     }
	   }
	}
	ResizeImages();
</script>
<script type="text/javascript">
	$(document).ready(function(){	
		$(".section ul li .rsp").hide();	
		$(".section	 ul li").hover(function(){
			$(this).find(".rsp").stop().fadeTo(500,0.5)
			$(this).find(".text").stop().animate({left:'0'}, {duration: 500})
		},
		function(){
			$(this).find(".rsp").stop().fadeTo(500,0)
			$(this).find(".text").stop().animate({left:'300'}, {duration: "fast"})
			$(this).find(".text").animate({left:'-300'}, {duration: 0})
		});
	});
	function openit(vedioId){
				$("#nowvId").val(vedioId);
			}
	function pauseVideo(){
	$("#vedioPage").attr("src","");
	}
</script>
<script>
	$(function(){
		if($.browser.msie && $.browser.version<=6)
		{
			$(".PopupLayer").css("position","absolute");
		}
		$(".PopupLayer").css({"top":$(".PopupLayer").outerHeight()*-1+"px","opacity":0});
		function notice_show()
		{
			var browser_visible_region_height=document.documentElement.clientHeight;
			var element_height=$(".PopupLayer").outerHeight();
			
			var element_show_top=(browser_visible_region_height-element_height)/2;
			$(".PopupLayer").stop(true).animate({top:element_show_top,opacity:1},1800);
		}
		
		function notice_hidden()
		{
			var element_height=$(".PopupLayer").outerHeight();
			var ee=-element_height;
			$(".PopupLayer").stop(true).animate({top:ee,opacity:0},1000);
		}
		
		$("a.close").click(function(){
			var element_height=$(".PopupLayer").outerHeight();
			var ee=-element_height;
			$(".PopupLayer").animate({opacity:0},1000).animate({top:ee},0);
		})
		
		$("a.btn").click(function(){
			$(".PopupLayer").animate({top:$(document).height(),opacity:0},1000)
		})
		
		$(".open").click(function(){
			var nowvId=$("#nowvId").val();
			$.post("../youku/vediobroswer.html?vedioId="+nowvId);
			$("#vedioPage").attr("src","../youku/vedio.html?vedioId="+nowvId);
			notice_show();
		})
		
		$("#close").click(function(){
			notice_hidden();
		})
		
		function check()
		{
			var kk=$(".PopupLayer").outerHeight()*-1;
			var ww=$(document).height();
			var qq=parseInt($(".PopupLayer").css("top"));
			
			if(qq == kk || qq == ww)
			{
				return;
			}
			else
			{
				var browser_visible_region_height=document.documentElement.clientHeight;
				var element_height=$(".PopupLayer").outerHeight();
				var element_show_top=(browser_visible_region_height-element_height)/2;
				$(".PopupLayer").stop(true).animate({top:element_show_top},1500);
			}
		}
		
		$(window).resize(function(){
			check();
		})
		
	})
</script>

<!-- 上传文档 -->
	
				<script>$(function(){
				    $("input[type=file]").change(function(){$(this).parents(".uploader").find("#shangchuan-lan").val($(this).val());});
				    $("input[type=file]").each(function(){
				    if($(this).val()==""){$(this).parents(".uploader").find("#shangchuan-lan").val("No file selected...");}
				    });
				});
				</script>
<!-- 上传文档edu -->

<!-- 知识库 -->
		<script src='<%=path%>/page/front/come/js/jquery.captall.min.js' type='text/javascript'></script>
		<script type="text/javascript" src="<%=path%>/page/front/come/js/easing.js"></script>

		<script type="text/javascript">
			$(document).ready(function() {
				$('.captall-fadeOutAfter').captall({
					animation:		'fixed',
					fadeOutAfter: 	'',
					backgroundColor: '#333',
					height: '100%',
				});
				
				var thumbnailArray=new Array();
				$(".thumbnail").each(function(i){ 
					var videoId=$(this).val();
					$.ajax({				

						url:"https://openapi.youku.com/v2/videos/show_basic.json?client_id=82ae8ceabde0862c&video_id="+videoId,
								type : "GET",
								async : false,
								dataType : "json",
								success : function(msg) {
									thumbnailArray.push(msg.thumbnail);
								},
								error : function(errMsg) {
									alert("获取失败");
								}
							});
					
				});
				$(".thumbnailphoto").each(function(i){ 
					$(this).attr("src",thumbnailArray.shift());
				});
			});

		</script>
<!-- 知识库end -->
<!-- 视频截图 -->

</html>
